html, body, #app {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.seller-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.seller-chart {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.trend {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.trend-chart {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.trend-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.seller {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.map {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.map-chart {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.map-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.rank {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.rank-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.rank-chart {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hot {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.hot-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hot-chart {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.stock {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.stock-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.stock-chart {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.screen {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.screen-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

canvas {
  border-radius: 20px;
}